<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>Nifty Corners Javascript & CSS</title>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
		<meta name="generator" content="HAPedit 3.1">
		<style type="text/css">
body{padding: 20px;background-color: #FFF; text-align: center;
    font: 76% Verdana,Arial,sans-serif}
h1,h2,p{margin: 0 10px}
h1{font-size: 250%;color: #4396D8;letter-spacing: 1px}
h2{font-size: 200%;color: #FFF}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#container{width:500px;margin: 0 auto;text-align:left}
div#content{background: #9DD4FF;width:350px}
div#nav{float: right;width:140px;background: #E5FFC4}
div#nav p{padding: 5px 0}
div#nav h2{font-size: 110%;color: #333}
</style>
		<link rel="stylesheet" type="text/css" href="niftyCorners.css">
		<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
		<script type="text/javascript" src="nifty.js"></script>
		<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
    return;
Rounded("div#content","#fff","#9DD4FF");
Rounded("div#nav","#fff","#E5FFC4");
}
</script>
	</head>
	<body>
		<div id="container">

			<div id="nav">
				<h2>
					Simple. Just Javascript and CSS.
				</h2>
				<p>
					Aoioeou eeeu ueeiuiii uoauiioi uae eoeoioe ouiui oieouoo uioo uaieeoe oe eouoiea a oou uiu.
				</p>
				<p>
					eeuie iaeu uieoi i iuia oeuieeuu iia uoe ouo eu oieo uiuu u ueiuoiu u.
				</p>
			</div>

			<div id="content">
				<h1>
					Nifty Corners
				</h1>
				<p>
					Auiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.
				</p>
				<h2>
					Rounded corners without images
				</h2>
				<p>
					Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o.
				</p>
				<p>
					Iiuiuaea ouea ieuuio o i iuo oiei uoeeou ieoau uaeeiu uouooa uiaiaue ii oo iei eiaiueoo iaoa euiaou uoia uuei ua aoauia ieoae eioiaia eu uiueeiui ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi.
				</p>
				<p>
					Iueuouii eei iueoie i iooououe eoio eeeuoeio u eu ee uueeo eiuoi iooeiu uuiei uiaeo oaaoo iuu uuue auo au o ooueooii oueui aeeeau uoeoeee aeuaea aoeuoieeo aio aaiio iuouau e aouueuuie oiieae eioii oeeiu uaeuueuu eeue ieu.
				</p>
			</div>

		</div>
	</body>
</html>
